<template>
  <div class="resume-edit">
    <h1>我的简历</h1>
    <div class="form-container">
      <BasicForm />
      <EducationForm />
    </div>
    <button @click="saveResume">保存简历</button>
    <button @click="previewResume">预览简历</button>
  </div>
</template>

<script setup>
import BasicForm from '~/components/resume/BasicForm.vue'
import EducationForm from '~/components/resume/EducationForm.vue'

const saveResume = () => {
  // 保存简历逻辑
  console.log('保存简历');
};

const previewResume = () => {
  // 预览简历逻辑
  navigateTo('/resume/preview');
};
</script>

<style scoped>
.resume-edit {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}

.form-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 20px 0;
}

button {
  padding: 10px 20px;
  margin-right: 10px;
  background-color: #42b983;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
</style>